<template>
	<view class="myMenu">
		<ul>
			<li>
				<view class="left">
					<i>
						<image src="../../static/Icon_Profile.png" mode=""></image>
					</i>
					<text>我的账户</text>
				</view>
				<view class="right">
					<i>
						<image src="../../static/Icon_Arrow (1).png" mode=""></image>
					</i>
				</view>
			</li>
			<li>
				<view class="left">
					<i>
						<image src="../../static/Settings.png" mode=""></image>
					</i>
					<text>设置</text>
				</view>
				<view class="right">
					<i>
						<image src="../../static/Icon_Arrow (1).png" mode=""></image>
					</i>
				</view>
			</li>
			<li>
				<view class="left">
					<i>
						<image src="../../static/Question mark.png" mode=""></image>
					</i>
					<text>帮助</text>
				</view>
				<view class="right">
					<i>
						<image src="../../static/Icon_Arrow (1).png" mode=""></image>
					</i>
				</view>
			</li>
			<li>
				<view class="left">
					<i>
						<image src="../../static/Offer.png" mode=""></image>
					</i>
					<text>通告</text>
				</view>
				<view class="right">
					<i>
						<image src="../../static/Icon_Arrow (1).png" mode=""></image>
					</i>
				</view>
			</li>
			<li>
				<view class="left">
					<i>
						<image src="../../static/Log out.png" mode=""></image>
					</i>
					<text>退出</text>
				</view>
				<view class="right">
					<i>
						<image src="../../static/Icon_Arrow (1).png" mode=""></image>
					</i>
				</view>
			</li>
		</ul>
	</view>
</template>

<script>

</script>

<style lang="less" scoped>
	.myMenu {
		width: 80%;
		margin: 0 auto;
		margin-top: 20px;

		ul {
			width: 100%;
			list-style: none;
			padding: 0;
			margin: 0;

			li {
				width: 100%;
				display: flex;
				justify-content: space-between;
				padding: 14px 0;

				.left {
					display: flex;

					i {
						display: block;
						width: 22px;
						height: 22px;

						image {
							width: 100%;
							height: 100%;
						}
					}

					text {
						font-size: 16px;
						margin-left: 14px;
					}
				}

				.right {
					i {
						display: block;
						width: 22px;
						height: 22px;

						image {
							width: 100%;
							height: 100%;
						}
					}
				}

			}
		}
	}
</style>